<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8">
  <title>地图展示</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge">
  <style>
    #container {
      overflow: hidden;
      width: 100px;
      height: 600px;
      margin: 0;
      font-family: "微软雅黑";
      width:100%;
    }

    .infoi{
      width:578px;
      height:200px;
      margin:10px auto;
    }
    .infoi p{
      margin:20px auto;
    }
    .a{
      width:100px;
      height:25px;
      line-height:20px;
      text-align:center;
    }
    .b1{
      background-color:rgb(63,158,255);
      margin-left:100px;
    }
    p input{
      border:1px solid black;
    }
  </style>
  <script src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=nAVQJ7jkDZ7W0j3Ib7wnEBm68L2pz17i"></script>
</head>
<body>
<div id="app">
  <div id="container"></div>
</div>
</body>
</html>
<script src="http://47.106.66.89:8080/js/vue.min.js"></script>
<script src="http://47.106.66.89:8080/js/axios.min.js"></script>
<link href="http://47.106.66.89:8080/js/ele-2.15.7/theme-chalk/index.css" rel="stylesheet">
<script src="http://47.106.66.89:8080/js/ele-2.15.7/index.js"></script>
<script src="js/jquery.min.js"></script>
<script>


    var map = new BMapGL.Map('container'); // 创建Map实例
    map.centerAndZoom(new BMapGL.Point(116.331398,39.897445), 15);// 初始化地图,设置中心点坐标和地图级别
    map.enableScrollWheelZoom(true); // 开启鼠标滚轮缩放
    window.setTimeout(function(){
      map.panTo(new BMapGL.Point(112.504184,26.914485));
    },2000);
    var geoc = new BMapGL.Geocoder();
    map.addEventListener('click', function(e){
      map.panTo(new BMapGL.Point( e.latlng.lng, e.latlng.lat));

    })
    var scaleCtrl = new BMapGL.ScaleControl();  // 添加比例尺控件
    map.addControl(scaleCtrl);
    var zoomCtrl = new BMapGL.ZoomControl();  // 添加缩放控件
    map.addControl(zoomCtrl);
    var cityCtrl = new BMapGL.CityListControl();  // 添加城市列表控件
    map.addControl(cityCtrl);
    var local = new BMapGL.LocationControl ();  // 添加城市列表控件
    map.addControl(local);

</script>